<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>

<div id="all">
    <div id="top">
        <!--div*2+img-->
        <img id="logo" src="../image/logo.png" alt="">
        <li id="but1">购车借款计算</li>
        <li id="but2">购车税费</li>
    </div>
    <div id="mid">
        <div id="mid_1" class="xian">
            <table id="tab1" style="height: 100px;font-size: 10px">
                <tr>
                    <td> <b>裸车价格:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="金额" id="price";><b> 万元</b></td>
                </tr>
                <tr>
                    <td><b>首付比例:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<select name="#" id="sel1">
                        <option value=""><b>二成</b></option>
                        <option value=""><b>三成</b></option>
                    </select></td>
                </tr>
                <tr>
                    <td><b>借款期限:                  </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp
                        <select name="#" id="sel2">
                            <option value=""><b>3个月</b></option>
                            <option value=""><b>一年</b></option>
                        </select>
                    </td>

                </tr>
                <tr>
                    <td><b>借款年利率:               </b></td>
                    <td>
                        &nbsp&nbsp&nbsp  <select name="" id="">
                            <option value="">5.6%</option>
                        <option value="">3.88%</option>
                        </select>
                    </td>
                    <td>
                        &nbsp&nbsp&nbsp <select name="" id=" ">
                            <option value=""><b>无折扣</b></option>
                        </select>
                    </td>
                    <td> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp=<input type="text" value="5.6"><b>%</b></td>
                </tr>
            </table>

        </div>


        <div id="mid_2" class="yin">
            <table id="tab2" style="height: 100px;font-size: 10px">
                <tr>
                    <td> <b>裸车价格:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="金额" id="price2"><b> 万元</b></td>
                </tr>
                <tr>
                    <td><b>车辆排量:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<select name="#" id="sell1">
                        <option value=""><b>1.0L-1.6L（含）</b></option>
                        <option value=""><b>1.6L-2.2L（含）</b></option>
                    </select></td>
                </tr>
                <tr>
                    <td><b>计划上牌地:                  </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp
                        <select name="#" id="sell2" >
                            <option value=""><b>B-北京</b></option>
                            <option value=""><b>E-河北</b></option>
                        </select>
                    </td>

                </tr>


                <tr>
                    <td><b>车辆情况:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp
                        <input name="sex" type="radio" checked="checked"/><b>6座以上</b>
                        <input name="sex" type="radio" /><b>6座以下</b></td>
                </tr>
            </table>

        </div>





        <div id="mid_3">
            <button id="but3">立即计算</button>
            <span  id="span1">清除</span>
        </div>

    </div>


    <div id="bot" class="yin" >

        <div id="bot_1" class="xian">
            <span style="font-size: 30px ;margin-left: 20px;"> <b>计算结果</b></span>
            <table id="tab3" style="height: 100px;font-size: 10px">
                <tr>
                    <td> <b>每月还款:                   </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0"  readonly=”readonly" id="tab3_1"><b> 元</b></td>
                </tr>
                <tr>
                    <td><b>利息总额:                   </b></td>
                    <td >&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0"  readonly=”readonly" id="tab3_2"><b>元</b></td>
                    <td><b>累计还款总额:                </b></td>
                    <td >&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0"  readonly=”readonly" id="tab3_3"><b>元</b></td>
                </tr>

            </table>

        </div>


        <div id="bot_2" class="yin">
            <span style="font-size: 30px ;margin-left: 20px;"> <b>计算结果</b></span>
            <table id="tab4" style="height: 100px;font-size: 10px">
                <tr>
                    <td> <b>费用合计:              </b></td>
                    <td colspan="3">&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0" readonly=”readonly" id="tab4_1"><b> 元</b></td>
                </tr>
                <tr>
                    <td><b>新车购置税:                   </b></td>
                    <td>&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0" readonly=”readonly" id="tab4_2"><b> 元</b></td>
                    <td><b>&nbsp&nbsp&nbsp&nbsp车船使用税: </b></td>
                    <td >&nbsp<input type="text" placeholder="0" readonly=”readonly" id="tab4_3"><b> 元</b></td>
                    </select></td>
                </tr>
                <tr>
                    <td><b>上牌费用:                   </b></td>
                    <td>&nbsp&nbsp&nbsp&nbsp<input type="text" placeholder="0" readonly=”readonly" id="tab4_4"><b> 元</b></td>
                    <td><b>&nbsp&nbsp&nbsp&nbsp交强险费用:  </b></td>
                    <td >&nbsp<input type="text" placeholder="0" readonly=”readonly" id="tab4_5"><b> 元</b></td>
                    </select></td>
                </tr>

            </table>>
        </div>

</div>




</div>
</body>
</html>